<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="box">
			<input type="button" value="按钮" v-on:click="add()">
			<li v-for="value in arr">
				{{value}}
			</li>
		</div>
		
			
		
		<script src="http://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
		<script src="vue.min.js"></script>
		<script type="text/javascript">
			 window.onload = function(){
        var vm = new Vue({
            el:'#box',
            data:{
                arr:['apple','banana']
            },
            methods:{
                add:function(){
                    // alert(this.arr);
                    this.arr.splice(0,1,'tomotta')
              }
            }
        });
    }
		</script>
	</body>
</html>
